<template>
  <div>
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="date" label="姓名" width="180" />
      <el-table-column prop="name" label="性别" width="180" />
      <el-table-column prop="name" label="年龄" width="180" />
      <el-table-column prop="name" label="是否毕业" width="250" />
      <el-table-column prop="name" label="个人介绍" width="400" />
      <el-table-column>
        <template #header>
          <el-input v-model="search" placeholder="输入关键字搜索" />
        </template>
        <el-button>毕业</el-button>
        <el-button type="danger">删除</el-button>
      </el-table-column>
    </el-table>
  </div>
</template>

<script setup>
import { ref, toRefs, reactive } from "vue";

let search = ref("");

const tableData = [
  {
    date: "2016-05-03",
    name: "Tom",
    address: "No. 189, Grove St, Los Angeles",
  },
  {
    date: "2016-05-02",
    name: "Tom",
    address: "No. 189, Grove St, Los Angeles",
  },
  {
    date: "2016-05-04",
    name: "Tom",
    address: "No. 189, Grove St, Los Angeles",
  },
  {
    date: "2016-05-01",
    name: "Tom",
    address: "No. 189, Grove St, Los Angeles",
  },
];
</script>

<style lang="scss" scoped>
</style>